body{
    /*width:100%;*/
    /*height:100%;*/
    width:100vw;
    height:100vh;
    padding:0;
    margin:0;
    background: url("../img/bg.jpg") no-repeat;
    background-size: 100% 100%；
    position: relative;
}

section{
    width: 420px;
    height: 424px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
#top{
    width:100%;
    height:145px;
    background-color: #E26F6F;
    position: relative;
}
#top .top_logo{
    display: block;
    vertical-align: middle;
    width: 201px;
    height:69px;
    background: url("../img/top_logo.png") no-repeat center;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

#main{
    width:256px;
    margin:0 auto;
    padding-top:40px;
}
#input_list li{
    border-bottom: 1px solid #F1F0F0;
    height:37px;
    margin-top:10px;
    padding-left:5px;
    margin-bottom:18px;
}
#input_list .input_logo{
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
#input_list i.user{
    background: url("../img/user_logo.png");
}
#input_list i.pwd{
    background: url("../img/pwd_logo.png");
}
#input_list input{
    display: inline-block;
    vertical-align: middle;
    width:210px;
    height:30px;
    outline: none;
    border: none;
    font-size:14px;
    color: #444444;
}
#input_list input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aaaaaa;
    font-size:13px;
}
#input_list input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #aaaaaa;
    font-size:13px;
}
#input_list input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #aaaaaa;
    font-size:13px;
}
#input_list input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #aaaaaa;
    font-size:13px;
}
/*错误后*/
#input_list input.error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
    font-size:13px;
}
#input_list input.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #333;
    font-size:13px;
}
#input_list input.error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #333;
    font-size:13px;
}
#input_list input.error:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #333;
    font-size:13px;
}

#link_list:after{
    content: '';
    display: block;
    clear: both;
}
#link_list>a{
    color: #888;
    font-size:12px;
}
#link_list>a:first-child{
    float: left;
}
#link_list>a:last-child{
    float: right;
}

#login_btn{
    width:163px;
    height:34px;
    border-radius: 17px;
    border: none;
    background-color: #E26F6F;
    text-align: center;
    display: block;
    margin:36px auto 0;
    color: #F3F9FF;
    font-size:14px;
    outline: none;
    cursor: pointer;
}

